<!--头部公共部分-->
{include file="common/header" /}
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a>首页</a>
        <a>财务</a>
        <a>收款管理</a>
        <a>
          <cite>支付凭证</cite></a>
      </span>
	<a class="layui-btn layui-btn-xs layui-btn-small" style="float:right;margin-top: 10px;"
	   href="javascript:location.replace(location.href);" title="刷新">
		<i class="layui-icon layui-icon-refresh"></i> </a>
</div>
<div style="padding:15px;">
	<div class="layui-form layui-form-pane">
		<div class="layui-form-item">
			<label class="layui-form-label">凭证号</label>
			<div class="layui-input-block">
				<input type="text" autocomplete="off" class="layui-input" readonly value="{$receivables.receipt_number}">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">支付凭证</label>
			<div class="layui-input-block">
				{if $receivables.picture == '' || $receivables.picture == null}
				<div class="layui-table-link">
					<i class="layui-icon layui-icon-picture" style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
				</div>
				{else/}
				{volist name="picture" id="v"}
				<a href="{$v}" target="_blank" class="layui-table-link">
					<img src="{$v}" style="width: 300px;height: 300px;
    margin-left: 10px;"/>
				</a>
				{/volist}
				{/if}
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<a class="layui-btn" id="cancel">返回</a>
			</div>
		</div>
	</div>
</div>
<!--底部公共部分-->
{include file="common/footer" /}
<script>
	layui.use(['table','element', 'layer'], function () {
		let $ = layui.$;
		$('#cancel').click(function () {
			location.href = "{:url('Finance/receivables_management')}";
		});
	});
</script>